<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <f:view>
            <ui:composition template="./main-template.xhtml">
                <ui:param name="titulo" value="Datos de Envio" />
                <ui:define name="body">
                    <table width="800">
                        <tr>
                            <td width="10%" align="left">
                                <h:graphicImage url="img/IconoConfirmacion.png" />
                            </td>
                            <td class="titulos_tramites" align="left">
                                <h:outputText value="Revisa y confirma tu pedido"/>
                            </td>
                        </tr>

                        <tr>
                            <td colspan="2" align="center">
                                <b>Revisa detenidamente la informacion mostrada aqui y a continuacion haz clic en   el boton 'Pagar'</b>
                                <br/>
                                <br/>
                                <br/>
                            </td>
                        </tr>
                    </table>
                    <table width="800">
                        <tr>
                            <td class="textos2" align="right">
                                <h:outputText value="Valor Libros"/>
                            </td>
                            <td  class="textosEnvio"  width="20%">
                                <h:outputText value="$ #{BasketBean.total}"/>
                            </td>
                        </tr>
                        <tr>
                            <td class="textos2" align="right">
                                <h:outputText value="Valor Envio"/>
                            </td>
                            <td class="textosEnvio">
                                <h:outputText value="$ 0,00"/>
                            </td>
                        </tr>
                        <tr>
                            <td class="textos2">
                                Total
                            </td>
                            <td  class="textosEnvio">
                                <h:outputText value="$ #{BasketBean.total}"/>
                            </td>
                        </tr>

                        <tr>
                            <td colspan="2" align="center" >
                                <a4j:form>
                                    <a4j:commandButton image="/img/PagarButton.png" action="#{BasketBean.buyProduct}" />
                                </a4j:form>
                            </td>
                        </tr>
                    </table>
                    <table width="800">
                        <tr>
                            <td rowspan="3" width="50%">
                                <h:outputText id="nombreCliente"  styleClass="textospeq6" value="#{BasketBean.compra.cliente.nombre}"/><br/>
                                <h:outputText id="direccionCliente" styleClass="textospeq2" value="#{BasketBean.compra.cliente.direccion}"/><br/>
                                <h:outputText id="telefonoCliente" styleClass="textospeq2" value="Telefonos: #{BasketBean.compra.cliente.telefonoResidencia} - #{BasketBean.compra.cliente.telefonoCelular}"/><br/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <b><h:outputText value="Los siguientes productos se enviaran un paquete:"/></b><br/><br/>
                            </td>
                        </tr>
                        <tr>
                            <td align="left" width="50%">
                                <rich:dataGrid var="car" value="#{BasketBean.items}" title="Car Store" columns="2" width="400px">
                                    <h:outputText value="Referencia:" styleClass="textos2"></h:outputText>
                                    <h:outputText value="#{car.mueble.referencia}"/>
                                    <br/>
                                    <h:outputText value="Nombre:" styleClass="textos2"></h:outputText>
                                    <h:outputText value="#{car.mueble.nombre}"/>
                                    <br/>
                                    <h:outputText value="$ Unit:" styleClass="textos2"></h:outputText>
                                    <h:outputText styleClass="textosEnvio" value="$ #{car.mueble.precio}"/>
                                    <br/>
                                    <h:outputText styleClass="textos2" value="Cantidad:        "/>
                                    <h:outputText value="#{car.cantidad}"/>
                                    <br/>
                                </rich:dataGrid>
                            </td>
                        </tr>
                    </table>
                </ui:define>
            </ui:composition>
        </f:view>
    </body>
</html>

